<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../libs/iconfont.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/xi_ding1.css">
    <link rel="stylesheet" href="../css/sort.css">

</head>
<body>
    <header>
        <div class="container">
            <ul>
                <a href="./html/login.html">
                    <li>请先登录</li>
                </a>
                <a href="./html/register.html">
                    <li>免费注册</li>
                </a>
                <a href="./html/Orders.html">
                    <li class="my_order">我的订单</li>
                </a>
                <a href="./html/Personal.html">
                    <li>个人中心</li>
                </a>
                <a href="#">
                    <li>帮助中心</li>
                </a>
              
              
                <a href="#">
                  <li>关于我们</li>
              </a>
                <a href="#">
                    <li class="phon">
                        联系我们
                     
                    </li>
                </a>
            </ul>
        
        </div>
    </header>
    <div id="bigbox">
        <div class="container">
            <div class="imgbox">
                <img src="../img/logo.jpg">
            </div>
            <ul class="map">
                <li> <a href="../index.html"> 首页</a></li>
                 
                <li>生鲜</li>
                <li>美食</li>
                <li>餐厨</li>
                <li>电器</li>
                <li>居家</li>
                <li>洗护</li>
                <li>孕婴</li>
                <li>服装</li>
            </ul>
            <div class="ibox">
                <i class="iconfont icon-fangdajing"></i>
                <input type="text" placeholder="&emsp;&emsp;搜一搜">
            </div>
           
                <div class="last">
                    <a href="./html/cart.html">
                    <i class="iconfont icon-gouwuche"></i>
                    <div class="number">0</div>
                </a>
                </div>
          
    
    
        </div>
    
    
    </div>
    <div class='container'>
        <div class="box">
            <div class="mbox">默认排序</div>
            <div class="abox">按价格排序</div>
        </div>
        <div class="box1">
            <ul></ul>
            
            <!-- <ul class="paging_list"> -->
                <!--要渲染的样式-->
                <!--<li class="li-item">
                <a href="html/details.html?id=${item.goods_id}">
                    <div class="pic">
                        <img src="${item.img_small_logo}">
                            </div>
                <p class="title">${item.title}</p>
                <p class="price">${item.price}</p>
                </a>
                <button data-id="${item.goods_id}" id="b">加入购物车</button>
             </li>-->
<!-- 
            </ul> -->
            <!-- <div id="ele">
                <div class="box"></div>
                <div class="Pagination"></div>
            </div> -->
        </div>
       

    </div>
    <footer>
        <div class="top">
            <div class="box">
                <span>客户服务</span>
                <div class="pic">
                    <img src="../img/在线客服.jpg" alt="">
                    <img src="../img/问题反馈.jpg" alt="">
                </div>
            </div>
            <div class="box">
                <span>关注我们</span>
                <div class="pic2">
                    <img src="../img/公众号.jpg" alt="">
                    <img src="../img/微博.jpg" alt="">
                </div>
            </div>
            <div class="box">
                <span>下载APP</span>
                <div class="pic3">
                    <img src="../img/二维码.jpg" alt="">
                    <div class="xia_zai_ye_mian">
                        <p>扫描二维码</p>
                        <p>立马下载APP</p>
                        <div class="green">下载页面</div>
                    </div>
                </div>
            </div>
            <div class="box" id="last">
                <span>服务热线</span>
                <p class="one">400-0000-000</p>
                <p class="two">周一至周日 8:00-18:00</p>
            </div>
        </div>
        
        
        <div class="bottom">
            <div class="first">
                <div><img src="../img/价格亲民.jpg" alt=""></div>
                <div><img src="../img/物流快递.png" alt=""></div>
                <div><img src="../img/品质新鲜.jpg" alt=""></div>
            </div>
            <ul>
                <li>关于我们</li>|
                <li>帮助中心</li>|
                <li>售后服务</li>|
                <li>配送与验收</li>|
                <li>商务合作</li>|
                <li>搜索推荐</li>|
                <li>友情链接</li>
            </ul>
            <p>CopyRight © 小兔鲜儿</p>
        </div>
    </footer>
    <script src="../libs/jquery.min.js"></script>
    <script src="../js/sort.js"></script>
</body>
</html>